﻿@model Core.CurrentFramework.Repository.Dto.Login.LoginUser
@{
    ViewData["Title"] = "Sign in";
    Layout = "~/Areas/Users/Views/shared/_Layout.cshtml";
}
<link rel="shortcut icon" type="image/icon" href="~/images/Login/favicon.png" />
<link href="~/css/Login/font-awesome.min.css" rel="stylesheet" />
<link href="~/css/Login/animate.css" rel="stylesheet" />
<link href="~/css/Login/bootsnav.css" rel="stylesheet" />
<link href="~/css/Login/style.css" rel="stylesheet" />
<link href="~/css/Login/responsive.css" rel="stylesheet" />
<!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->
<!-- signin end -->
<style>
    .box {
        display: flex;
    }
</style>
<section class="signin">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-4">
                <div class="single-sign">
                    <div class="sign-bg">

                    </div><!--/.sign-bg -->
                </div><!--/.single-sign -->
            </div><!--/.col -->

            <div class="col-sm-8">
                <div class="single-sign">
                    <form asp-controller="Login" asp-action="Login" method="post">
                        <div class="sign-content">
                            <h2>外包项目管理平台</h2>

                            <div class="signin-form">
                                <div class=" ">
                                    <div class=" ">

                                        <div class="form-group">
                                            <label asp-for="Email">邮箱/手机号码</label>
                                            <input type="text" class="form-control" asp-for="Email" placeholder="请输入邮箱/手机">
                                            <span asp-validation-for="Email" class="text-danger"></span>
                                        </div><!--/.form-group -->
                                        <div class="form-group">
                                            <label asp-for="UserPwd">密码</label>
                                            <input type="password" class="form-control" asp-for="UserPwd" placeholder="请输入密码">
                                            <span asp-validation-for="UserPwd" class="text-danger"></span>
                                        </div><!--/.form-group -->
                                        <div class="form-group">
                                            <label asp-for="Code">验证码</label>
                                            <div class="box">
                                                <div><input type="text" class="form-control" asp-for="Code" placeholder="请输入验证码"></div>
                                                <div class="box" style="margin-left:10px;"><img style="justify-content:center" id="code" src="/Users/Login/GetVerifyCode"  /></div>
                                            </div>

                                            <span asp-validation-for="Code" class="text-danger"></span>
                                        </div><!--/.form-group -->
                                    </div><!--/.col -->
                                </div><!--/.row -->

                            </div><!--/.signin-form -->
                            <div class="signin-password">
                                <div class="awesome-checkbox-list">
                                    <ul class="unstyled centered">

                                        <li>
                                            <input class="styled-checkbox" id="styled-checkbox-2" type="checkbox" value="value2">
                                            <label for="styled-checkbox-2">记住密码</label>
                                        </li>

                                        <li>
                                            @*<a href="#">Forgot email or password ?</a>*@
                                        </li>

                                    </ul>
                                </div><!--/.awesome-checkbox-list -->
                            </div><!--/.signin-password -->



                            <div class="signin-footer">
                                <button type="submit" class="btn signin_btn" id="login">
                                    登  录
                                </button>
                                <p>
                                    没有账户 ?
                                    <a href="/Users/Login/Rigster">注 册</a>
                                </p>
                            </div><!--/.signin-footer -->

                        </div><!--/.sign-content -->
                    </form><!--/form -->
                    <!-- modal part start -->
                    <!-- modal part end -->

                </div><!--/.single-sign -->
            </div><!--/.col -->
        </div><!--/.row-->
    </div><!--/.container -->
</section><!--/.signin -->
<!-- signin end -->
<!--footer copyright start -->
<footer class="footer-copyright">
    <div id="scroll-Top">
        <i class="fa fa-angle-double-up return-to-top" id="scroll-top" data-toggle="tooltip" data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i>
    </div><!--/.scroll-Top-->

</footer><!--/.hm-footer-copyright-->
<!--footer copyright  end -->
<!-- Include all js compiled plugins (below), or include individual files as needed -->







<script>
    $(function () {
        $("#code").click(function () {
            GetCode();
        })
    })

    function GetCode() {
        $.ajax({
            type: "GET",
            url: "/Users/Login/GetVerifyCode",
            data: {},
            dataType: "json",
            success: function (data) {
            },
            complete: function () {
                $("#code").attr('src', '/Users/Login/GetVerifyCode')
            }
        });
    }
</script>



